<!--
       <form nz-form [nzLayout]="'inline'" class="search__form">

        <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
            <div nz-col nzMd="{{ !expandForm ? 6 : 8 }}" nzSm="24">
                <nz-form-item>
                    <nz-form-label nzFor="ExecutionTime">范围日期</nz-form-label>
                    <nz-form-control>
                        <nz-range-picker [(ngModel)]="search.ExecutionTime" nzShowTime></nz-range-picker>

                    </nz-form-control>

                </nz-form-item>
            </div>
            <div nz-col nzMd="{{ !expandForm ? 6 : 8 }}" nzSm="24">
                <nz-form-item>
                    <nz-form-label nzFor="UserName">用户名</nz-form-label>
                    <nz-form-control>
                        <input nz-input name="UserName" [(ngModel)]="search.UserName" nzSize="default">
                    </nz-form-control>

                </nz-form-item>
            </div>
            <div nz-col nzMd="{{ !expandForm ? 6 : 8 }}" nzSm="24">
                <nz-form-item>
                    <nz-form-label nzFor="ServiceName">服务名称</nz-form-label>
                    <nz-form-control>
                        <input nz-input name="ServiceName" [(ngModel)]="search.ServiceName" nzSize="default">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col nzMd="{{ !expandForm ? 6 : 8 }}" nzSm="24" *ngIf="expandForm">
                <nz-form-item>
                    <nz-form-label nzFor="status">持续时间</nz-form-label>
                    <nz-form-control>

                        <input nz-input name="MinExecutionDuration" [(ngModel)]="search.MinExecutionDuration" style="width:45%; text-align: center; ">
                        <input type="text " disabled nz-input placeholder="~ " style="width: 30px; border-left: 0px; pointer-events: none; background-color: rgb(255, 255, 255); ">
                        <input nz-input name="MaxExecutionDuration" [(ngModel)]="search.MaxExecutionDuration" style="width:45%; text-align: center; border-left: 0px; ">

                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col nzMd="{{ !expandForm ? 6 : 8 }}" nzSm="24" *ngIf="expandForm">
                <nz-form-item>
                    <nz-form-label nzFor="MethodName">方法</nz-form-label>
                    <nz-form-control>
                        <input nz-input name="MethodName" [(ngModel)]="search.MethodName" nzSize="default">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col nzMd="{{ !expandForm ? 6 : 8 }}" nzSm="24" *ngIf="expandForm">
                <nz-form-item>
                    <nz-form-label nzFor="ErrorStatus">错误状态</nz-form-label>
                    <nz-form-control>
                        <nz-select [(ngModel)]="search.ErrorStatus" [nzSize]="'default'">
                            <nz-option [nzLabel]="'全部'" [nzValue]=""></nz-option>
                            <nz-option [nzLabel]="'错误'" [nzValue]="1"></nz-option>
                            <nz-option [nzLabel]="'成功'" [nzValue]="2"></nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>

            <div nz-col [nzSpan]="!expandForm ? 6 : 8" [class.float-rigth]="true">
                <button nz-button nzType="primary" [nzLoading]="tableLoading" nzSearch (click)="exportExcel()">
                    导出
                </button>
                <button nz-button nzType="primary" [nzLoading]="tableLoading" nzSearch (click)="searchlist()">
                    查询
                </button>
                <button nz-button nzShape="circle" (click)="searchlist()">
                    <i class="anticon anticon-reload "></i>
                </button>
                <div style="margin-bottom: 20px;float: right;">
                    <a (click)="expandForm = !expandForm">
                     
<i class="anticon" [class.anticon-down]="!expandForm" [class.anticon-up]="expandForm"></i> 展开高级搜索
</a>
</div>

</div>
</div>

</form>
g -->
<!-- <page-header></page-header> -->
<nz-card>


    <div nz-row [nzGutter]="18">
        <div nz-col [nzSpan]="8" class="mb-md">
            <div nz-form-item class="d-flex">
                <div nz-form-label>
                    <nz-form-label nzFor="name">用户名</nz-form-label>
                </div>
                <div nz-form-control class="flex-1">
                    <input nz-input name="name" [(ngModel)]="search.UserName" placeholder="请输入用户名" nzSize="default">
                </div>
            </div>
        </div>
        <div nz-col [nzSpan]="8" class="mb-md">
            <div nz-form-item class="d-flex">
                <div nz-form-label>
                    <nz-form-label nzFor="mobile">服务名称</nz-form-label>
                </div>
                <div nz-form-control class="flex-1">
                    <input nz-input name="mobile" [(ngModel)]="search.ServiceName" placeholder="请输入服务名称"
                        nzSize="default">
                </div>
            </div>
        </div>
        <div nz-col [nzSpan]="8" class="mb-md" style="text-align: right;">
            <button nz-button nzType="primary" [nzLoading]="tableLoading" nzSearch (click)="exportExcel()">
                导出
            </button>


            <button nz-button nzType="primary" [nzLoading]="tableLoading" nzSearch (click)="searchlist()">
                查询
            </button>
            <button nz-button nzShape="circle" (click)="searchlist()">
                <i class="anticon anticon-reload "></i>
            </button>
        </div>
    </div>


    <ng-template #totalContentMe>共{{query.total}}条</ng-template>
    <nz-table #nzTable [nzData]="query.dataList" [nzFrontPagination]="false" [nzTotal]="query.total"
        [(nzPageIndex)]="query.pageIndex" [(nzPageSize)]="query.pageSize" [nzLoading]="tableLoading"
        [nzShowSizeChanger]="true" (nzPageIndexChange)="getAuditlogAll()" (nzPageSizeChange)="getAuditlogAll()"
        [nzShowTotal]="totalContentMe">
        <thead nz-thead>
            <tr>
                <th nz-th>
                    <span>用户名</span>
                </th>
                <th nz-th>
                    <span>服务</span>
                </th>
                <th nz-th>
                    <span>方法</span>
                </th>
                <th nz-th>
                    <span>持续时间</span>
                </th>
                <th nz-th>
                    <span>ip地址</span>
                </th>
                <th>
                    <span>客户</span>
                </th>
                <th>
                    <span>浏览器</span>
                </th>
                <th>
                    <span>时间</span>
                </th>
            </tr>
        </thead>
        <tbody nz-tbody>
            <tr nz-tbody-tr *ngFor="let item of nzTable.data">
                <td nz-td>{{item.userName}}</td>
                <td nz-td>{{item.serviceName}}</td>
                <td nz-td>{{item.methodName}}</td>
                <td nz-td>{{item.executionDuration}}</td>
                <td nz-td>{{item.clientIpAddress}}</td>
                <td nz-td>{{item.clientName}}</td>
                <td nz-td>{{item.browserInfo}}</td>
                <td nz-td>{{item.executionTime | _date: 'yyyy-MM-dd' }}</td>
            </tr>
        </tbody>
    </nz-table>
</nz-card>